<template>
    <BorderBox8 class="content">
        <div class="dv-border-box-content">
            <div class="box-content-title">
                <span class="title-text">工单产出统计</span>
                <div class="title-button">
                    <el-select v-model="selectValue" placeholder="请选择" size="default" style="width: 200px;">
                        <el-option label="选项一" value="选项一"></el-option>
                        <el-option label="选项二" value="选项二"></el-option>
                    </el-select>
                </div>
            </div>
            <div class="box-content-content"></div>
        </div>
    </BorderBox8>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import { BorderBox8 } from '@dataview/datav-vue3';
import { ElSelect,ElOption } from "element-plus";

const selectValue = ref("");
</script>
<style lang='scss'>
.content{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;

    .box-content-title{
        width:100%;
        height:15%;
        padding:0 15px;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        .title-text{
            font-size: 20px;
            color: #fff;
            margin-right: 15px;
        }
    }

    .box-content-content{
        width:100%;
        height:85%;
        padding:0 15px;
        box-sizing: border-box;
        background: hotpink;
        opacity: 0.3;
    }
}
</style>